iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
0
自我挑戰組

ASP.NET MVC5從入門到退坑系列 第 11

[Day11]強型別與動態型別

  • 分享至 

  • xImage
  •  

今天來說說View使用強型別與動態型別的差異

強型別檢視

在View的開頭處明確指定Model的型別

@model IEnumerable<model物件>

強型別支援IntelliSense,還有較好的效能

強型別傳資料給 View 的方式,是在 return 的時候把物件回傳,return View(object)

@model FirstProject.Models.ModelsName

@{
    ViewBag.Title = "Edit";
}

<h2>Edit</h2>


@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    
    <div class="form-horizontal">
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        @Html.HiddenFor(model => model.id)

        <div class="form-group">
            @Html.LabelFor(model => model.姓名, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.姓名, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.姓名, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Email, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Email, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.內容, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.內容, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.內容, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Save" class="btn btn-default" />
            </div>
        </div>
    </div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

由Scaffold產生的View就是一個強型別的資料

動態型別檢視

未使用@model指示詞宣告型別

不支援IntelliSense和編譯時期檢查,效能也較差

※IntelliSense可以自動完成程式碼片段


上一篇
[Day10]Scaffold產生的程式碼-Edit
下一篇
[Day12]Razor語法規則
系列文
ASP.NET MVC5從入門到退坑30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言